body{margin: 0; padding: 0; text-align: left; font-size: 12px; font-family:'Microsoft YaHei',Arial; background:#c9383b; }
img{border: 0;}
select,input{outline: none;font-family: inherit;}
a{text-decoration:none; border:0; outline:none; blr:expression(this.onFocus=this.blur());}
p{margin:0; word-break:break-all;}

.pageOuter{width: 640px;overflow: hidden;margin: 0 auto;}
.innerDiv{position: relative;width: 100%;height: 100%; }
.abs{position: absolute;}
.clear {clear:both;height:0;font-size:1px;line-height: 0px;}

.page{position: absolute;left:0;top:0;width: 640px;overflow: hidden;}
.bgImg{left: 0;top:-104px;}
.h832{height: 832px;width: 640px;}

/*page1*/
.page1Img1{background: url("../images/page1Img1.png") no-repeat 0 0; width: 640px;height: 1039px;}
.page1Img2{background: url("../images/page1Img2.png") no-repeat 0 0; width: 640px;height: 1039px;}
.p1Img1{left:260px;top:150px;
    -webkit-animation: p1Img1 1s 0s linear both infinite;}
@keyframes p1Img1 {
    0%{-webkit-transform:translate(0,0);scale(1);opacity: 0;-webkit-opacity:0;}
    10%{-webkit-transform:translate(0,-5px);scale(0.95);opacity: 1;-webkit-opacity:1;}
    90%{-webkit-transform:translate(0,-45px);scale(0.55);opacity: 1;-webkit-opacity:1;}
    100%{-webkit-transform:translate(0,-50px);scale(0.5);opacity: 0;-webkit-opacity:0;}
}
.p1Img2{left:290px;top:135px;
      -webkit-animation: p1Img2 1s 0.3s linear both infinite;}
@keyframes p1Img2 {
    0%{-webkit-transform: translate(0,0);scale(1);opacity:0;-webkit-opacity:0;}
    10%{-webkit-transform: translate(0,-5px);scale(0.95);opacity:1;-webkit-opacity:1;}
    90%{-webkit-transform: translate(0,-45px);scale(0.55);opacity:1;-webkit-opacity:1;}
    100%{-webkit-transform: translate(0,-50px);scale(0.5);opacity:0;-webkit-opacity:0;}
}

.p1Img3{left:350px;top:145px;
    -webkit-animation: p1Img3 1s 0.6s linear both infinite;}
@keyframes p1Img3 {
    0%{-webkit-transform: translate(0,0);scale(1);opacity:0;-webkit-opacity:0;}
    10%{-webkit-transform: translate(0,-5px);scale(0.95);opacity:1;-webkit-opacity:1;}
    90%{-webkit-transform: translate(0,-45px);scale(0.55);opacity:1;-webkit-opacity:1;}
    100%{-webkit-transform: translate(0,-50px);scale(0.5);opacity:0;-webkit-opacity:0;}
}

/*page2*/
.page2Img1{background: url("../images/page2Img1.png") no-repeat 0 0; width: 640px;height: 1039px;}
.page2Btn1{top:755px;left: 177px;}



/*page3*/
.page3Img1{background:url("../images/page3Img1.png") no-repeat 0 0; width: 640px;height: 1039px;}
.page3Btn1{top:751px;left: 211px;}
.preImg{width: 442px;height: 257px;position: absolute;left: 101px;top: 75px;}
.upLoadImg{width: 442px;height: 257px;left: 0;top: 0;}
.coverImg{width: 558px;height: 299px;left: 43px;top: 53px;position: absolute;}
.fileBtn{width: 558px;height: 299px;left: 43px;top: 53px;position: absolute;opacity: 0;-webkit-opacity:0;}
.page3Img2{left: 144px;top: 105px;}
.infoTxt{display:block;height: 60px;width: 546px;left: 38px;padding: 0 10px;font-size: 26px;color: #ca393c;background: none;line-height: 60px;border: none;}
.infoTxt1{padding-left:140px;top:388px;width: 416px;}
.infoTxt2{padding-left: 100px;top:457px;width: 456px;}
.infoTxt3{padding-left: 100px;top:527px;width: 456px;}
.infoTxt4{padding-left: 210px;top:667px;width: 346px;}
.infoSel{width:266px;height: 60px;padding: 0 10px;line-height: 60px;font-size: 26px;color: #ca393c;border: none;background: none;top:597px;-webkit-appearance:none; appearance:none;display:block;}
.infoSel1{padding-left:140px;left: 38px;}
.infoSel2{padding-left: 140px;left: 318px;width: 285px;}

/*page4*/
.page4Img1{background: url("../images/page4Img1.png") no-repeat 0 0; width: 640px;height: 1039px;}
.page4Btn1{top:751px;left: 194px;}

/*page5*/
.page5Img1{background: url("../images/page5Img1.png") no-repeat 0 0; width: 640px; height: 1039px;}
.page5Btn1{top:751px;left: 129px;}

/*page6*/
.page6Img1{background:url("../images/page6Img1.png") no-repeat 0 0; width: 640px; height: 1039px;}
.scrollImg{position: absolute;left: 30px;top: 92px;overflow-x: hidden;overflow-y: auto;width: 600px;height: 730px;}
.scrollInit{width: 298px;height: 240px;float: left;overflow: hidden;}
.showLink{position: absolute;left: 0;top: 0;}
.showImg{width: 280px;height: 182px;}
.showTxt{position: absolute;left: 0;top: 184px; line-height:24px; font-size:18px; color:#ca393c;}
.voteBtn1{display: block;background: url("../images/icon1.png") center top no-repeat; color:#ca393c;right: 20px;top:184px;font-size: 20px;text-align: center;line-height: 100%;width: 60px;height: 26px; padding-top:24px;}
.page6Btn1{ top:60px; left:485px;}

/*page7*/
.page7Img1{background: url("../images/page7Img1.png") 0 0 no-repeat;width: 640px;height: 1039px;}
.detailImg{left: 71px;top:86px;width: 493px;height: 364px;}
.detailTxt{left: 71px;top:465px;position:absolute;font-size: 32px;color:#ca393c;line-height: 44px;}
.voteBtn2{display: block;background:url("../images/icon2.png") center top no-repeat; color:#ca393c;top:465px;right: 100px; text-align: center;width: 75px;height: 30px;font-size: 28px;padding-top: 54px;line-height: 30px;}
.page7Btn1{ left:114px; top:624px;}